<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Bút Parker</title>
    <link media="all" rel="stylesheet" href="css/all.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
    
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="js/knockout-latest.js" type="text/javascript"></script>
    <script src="js/knockout.validation.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
    <script src="js/fancybox.js" type="text/javascript"></script>
    <script src="js/jquery.stickytooltip.js" type="text/javascript"></script>
    <script src="js/jquery.qtip-1.0.0-rc3.min.js" type="text/javascript"></script>
    <script src="js/superfish.js" type="text/javascript"></script>
    <script src="js/global.js" type="text/javascript"></script>
    <script src="js/validate.constant.js" type="text/javascript"></script>
    <script src="js/jquery.cookie.js" type="text/javascript"></script>
    <script src="js/jquery.numeric.js" type="text/javascript"></script>

    <script type='text/javascript' src='js/jquery.dcmegamenu.1.3.js'></script>
    
    <script type="text/javascript">
        $(document).ready(function ($) {
            $('#mega-menu').dcMegaMenu({ rowItems: '3', speed: 'fast' });
        });
    </script>
    <!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5.js"></script>
		<script type="text/javascript" src="js/PIE.js"></script>
	<![endif]-->
</head>
<body>
    <div id="wrapper">
        <div class="w1">
            <div id="header">
                <h1 class="logo">
                    <a href="#">Leads360Express</a></h1>
                <div class="header-menu">
                    <ul class="topmenu">
                        <li><a href="#">Trang chủ</a></li>
                        <li><a href="#">Hệ thống cửa hàng</a></li>
                    </ul>
                </div>
                <div class="clear3">
                    <img height="3px" class="spacer" /></div>
                <div class="header-tool">
                    <div id="box-share">
                        <ul>
                            <li>
                                <img alt="Yahoo" src="images/tool/icon_yahoo.png">&nbsp;Yahoo</li>
                            <li>
                                <img alt="hotline" src="images/tool/icon_skype.png">&nbsp;Skype</li>
                            <li>
                                <img alt="hotline" src="images/tool/icon_hotline.png">&nbsp;0977 253 186</li>
                            <li><a href="/#" title="giỏ hàng" class="bs-item">
                                <img alt="giỏ hàng" src="images/tool/icon-cart.png">&nbsp;&nbsp;GIỎ HÀNG&nbsp;&nbsp;&nbsp;
                            </a></li>
                        </ul>
                    </div>
                </div>
                <div class="clear3">
                    <img height="130px" class="spacer" /></div>
                <div class="main-menu">
                    <div class="dcjq-mega-menu">
                        <ul id="mega-menu" class="menu">
                            <li><a href="#">Sản phẩm</a>
                                <ul>
                                    <li id="menu-item-1"><a href="#">Bút Parker</a>
                                        <ul>
                                            <li><a href="#">Bút Parker Doufold</a></li>
                                            <li><a href="#">Bút Parker Premier</a></li>
                                            <li><a href="#">Bút Parker Sonnet</a></li>
                                            <li><a href="#">Bút Parker Facet</a></li>
                                            <li><a href="#">Bút Parker Frontier</a></li>
                                            <li><a href="#">Bút Parker IM</a></li>
                                            <li><a href="#">Bút Parker Vector</a></li>
                                            <li><a href="#">Bút Parker Jotter</a></li>
                                            <li><a href="#">Mực parker , ruột parker</a></li>
                                        </ul>
                                    </li>
                                    <li id="menu-item-2"><a href="#">Bút Waterman</a>
                                        <ul>
                                            <li><a href="#">Bút Waterman Serenite</a></li>
                                            <li><a href="#">Bút Waterman Edson</a></li>
                                            <li><a href="#">Bút Waterman Exception</a></li>
                                            <li><a href="#">Bút Waterman Elegan</a></li>
                                            <li><a href="#">Bút Waterman Carene</a></li>
                                            <li><a href="#">Bút Waterman Perspective</a></li>
                                            <li><a href="#">Waterman Expert</a></li>
                                            <li><a href="#">Bút Waterman Hemisphere</a></li>
                                            <li><a href="#">Mực waterman, ruột </a></li>
                                        </ul>
                                    </li>
                                    <li id="menu-item-3"><a href="#">Bút ký</a>
                                        <ul>
                                            <li><a href="#">Bút máy cao cấp</a></li>
                                            <li><a href="#">Bút dạ cao cấp</a></li>
                                            <li><a href="#">Bút bi cao cấp</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="#">Khuyến mại</a></li>
                            <li><a href="#">Tin tức</a>
                                <ul>
                                    <li><a href="#">Tin công ty</a></li>
                                    <li><a href="#">Tin sự kiện</a></li>
                                    <li><a href="#">Tin khuyến mãi</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Showroom</a></li>
                            <li><a href="#">Hướng dẫn mua hàng</a></li>
                            <li><a href="#">Liên hệ</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clear3">
                <img height="3px" class="spacer" /></div>
            <div id="wrap-content" class="wrap-bg-white">
            <form method="post" class="form" id="viewUsers" action="##">
                <div id="path-way">
                    <a rel="nofollow" title="Trang chủ" href="#">Trang chủ</a><span>&gt;</span>
                    <h1>
                        <a title="Sản phẩm bán chạy" href="#" class="selected" data-bind='attr: {href: "javascript:void(0)", onclick: "GetAllItems()"}'>Sản phẩm bán chạy</a></h1>
                </div>
                <div id="bg_type_line">
                    <div id="cat-sidebar">
                        <div class="list-cat-group">Thương hiệu</div>
                        <ul class="ul-list-cat" data-bind="foreach: vendorList">
                            <li class="field_title">
                                <a data-bind="text: Name + '&nbsp;(' + Count + ')', event: { click: function(data, event) { $root.GetByVendor(data, event) }}, attr:{id:Id, href: 'javascript:void(0);'} "></a>
                            </li>
                        </ul>
                        <div class="clear"><img height="20px" class="spacer" alt="Bút" src="images/spacer.gif" /></div>
                        <div class="list-cat-group">Loại</div>
                        <ul class="ul-list-cat" data-bind="foreach: typeList">
                            <li class="field_title">
                                <a data-bind="text: Label + '&nbsp;(' + Count + ')', event: { click: function(data, event) { $root.GetByType(data, event) }}, attr:{id:Id, href: 'javascript:void(0);'} "></a>
                            </li>
                        </ul>
                        <div class="list-cat-group">Xuất xứ</div>
                        <ul class="ul-list-cat" data-bind="foreach: madeInList">
                            <li class="field_title">
                                <a data-bind="text: Label + '&nbsp;(' + Count + ')', event: { click: function(data, event) { $root.GetByMadeIn(data, event) }}, attr:{id:Id, href: 'javascript:void(0);'} "></a>
                            </li>
                        </ul>
                        <div class="list-cat-group">KHOẢNG GIÁ</div>
                        <ul class="ul-list-cat" data-bind="foreach: minMaxList">
                            <li class="field_title">
                                <a data-bind="text: Label, event: { click: function(data, event) { $root.GetByMinMax(data, event) }}, attr:{id:Id, href: 'javascript:void(0);'} "></a>
                            </li>
                        </ul>
                        <div class="clear"><img height="20px" class="spacer" alt="gallewatch" src="images/spacer.gif" /></div>
                        
                    </div>
                    
					
					
					<div id="cat-content">
						<div data-bind="visible: existProduct">
							<div class="clear"><img height="10px" alt="bút cao cấp" class="spacer" src="images/spacer.gif"></div>
							<div class="color2 padt2" id="cat_name">Sản phẩm bán chạy<span> - có <span data-bind="text:ProductCount"></span> sản phẩm -</span></div>
							<div class="clear"><img height="5px" alt="bút cao cấp" class="spacer" src="images/spacer.gif"></div>
																																									   <div class="content-title">
								<div class="bg_type_l"></div>
								<div class="bg_type_r"></div>
								<div class="left color2">
									Trang <input type="text" class="text" id="pagecurrent" data-bind="value: CurrentPageIndex, attr: {maxlength: 3}" onkeypress="return isNumberKey(event)" value="1" /> / 
										<span data-bind="text: MaxPageIndex"></span>
										<a href="#" data-bind="click: PreviousPage, attr: {'class': PrevButtonClass}">Prev</a>
										<a href="#" data-bind="click: NextPage, attr: {'class': NextButtonClass}">Next</a>
								</div>
								<div class="ct-sort">
								
									<span class="color2">Sắp xếp theo&nbsp;</span>
									<select data-bind="options: OrderOptions, optionsText: 'Name', optionsValue:'Id', value: selectOrderId, optionsCaption: '--Kiểu sắp xếp--', event: { change: selectOrderChanged }"></select>
									&nbsp;&nbsp; <span class="color2">Hiển thị&nbsp;</span>
									<select data-bind="options: ShowOptions, optionsText: 'Name', optionsValue:'Id', value: selectShowId, event: { change: selectShowChanged }"  class="css3 radius3" style="width: 50px;"></select>
									
									<span class="color2">Sản phẩm&nbsp;</span> &nbsp;&nbsp;&nbsp; 
									<a title="View grid" data-bind='attr: {href: "javascript:void(0)", onclick: "ListByGrid()","class": GridButtonClass}'>Grid
									</a>&nbsp;
									<a title="View list" data-bind='attr: {href: "javascript:void(0)", onclick: "ListByList()","class": ListButtonClass}'>List
									</a>
								
								</div><!--end: .ct-sort-->
								<div class="clear"></div>
							</div>
							<div class="product-list" data-bind="visible: listByGrid, foreach: itemsOnCurrentPage">
								<div class="product-item">
									<div class="bg_type_whatch">
										<div class="pi-sales"><div class="pis-km2"></div></div>
										<div class="pi-thumb">
											<a href="#" class="img-thumb"><img data-bind="attr: {'src': ImagePath, 'alt':Name}" /></a>
										</div>
										<div class="textRight">
											<div class="get_info_pro">
												<h2><a data-bind="text:Name, attr: {'title':Name, href: 'javascript:void(0);'} "></a></h2>
												<div class="product-price" data-bind="text:PriceFormat"></div>
												<div class="clear"></div>
												<div class="product-from" data-bind="text:Vendor"></div>
											</div>
										</div>
									</div>
								</div>
							   
							</div>
							

							<div class="clear"></div>

							<div class="product-list" data-bind="visible: !listByGrid(), foreach: itemsOnCurrentPage">
								<div class="product-item-list">
									<h2 class="product-img">
										<a href="#" class="img-thumb"><img data-bind="attr: {'src': ImagePath, 'alt':Name}" /></a>
									</h2><!--end: .product-title-->
									<div class="product-price">
										<div id="price">
											<div class="product-price" data-bind="text:PriceFormat"></div>
										</div>
										<div class="dpt-status">Trạng thái sản phẩm:<span>Còn hàng</span></div><!--end: .dpt-status-->
										<div class="clear"><img height="5px" class="spacer" src="/images/spacer.gif"></div>
											<div class="list-pi-sales2"></div><!--end: .pis-item-->			</div><!--end: .product-price-->
									<div class="product-info">
										<h2><a data-bind="text:Name, attr: {'title':Name, href: 'javascript:void(0);'}"></a></h2>
										<div class="dpt-status">Thương hiệu:&nbsp;<span data-bind="text:Vendor"></span></div><!--end: .dpt-status-->
										<div class="dpt-status">Loại:&nbsp;<span data-bind="text:Type"></span></div><!--end: .dpt-status-->
										<div class="dpt-status">Xuất xứ:&nbsp;<span data-bind="text:MadeIn"></span></div><!--end: .dpt-status-->
										<div class="clear"><img height="5px" class="spacer" src="images/spacer.gif"></div>

										<a onclick="addToShoppingCart('21','4680000')" href="javascript:void(0);" class="dpt-addcart">Đặt mua</a><!--end: .dpt-addcart-->
									</div><!--end: .product-info-->
									<div class="clear"></div>
								</div>
							</div>

							<div class="clear"><img height="35px" alt="gallewatch" class="spacer" src="images/spacer.gif" /></div>
							<div class="content-title" style="margin-bottom:10px;">
								<div class="bg_type_l"></div>
								<div class="bg_type_r"></div>
								<div class="left color2">
									Trang <input type="text" class="text" id="pagecurrent" data-bind="value: CurrentPageIndex, attr: {maxlength: 3}" onkeypress="return isNumberKey(event)" value="1" /> / 
										<span data-bind="text: MaxPageIndex"></span>
										<a href="#" data-bind="click: PreviousPage, attr: {'class': PrevButtonClass}">Prev</a>
										<a href="#" data-bind="click: NextPage, attr: {'class': NextButtonClass}">Next</a>
								</div>
								<div class="ct-sort">
									<span class="color2">Sắp xếp theo&nbsp;</span>
									<select data-bind="options: OrderOptions, optionsText: 'Name', optionsValue:'Id', value: selectOrderId, optionsCaption: '--Kiểu sắp xếp--', event: { change: selectOrderChanged }"></select>
									&nbsp;&nbsp; <span class="color2">Hiển thị&nbsp;</span>
									<select data-bind="options: ShowOptions, optionsText: 'Name', optionsValue:'Id', value: selectShowId, event: { change: selectShowChanged }"  class="css3 radius3" style="width: 50px;"></select>
									
									<span class="color2">Sản phẩm&nbsp;</span> &nbsp;&nbsp;&nbsp; 
									<a title="View grid" data-bind='attr: {href: "javascript:void(0)", onclick: "ListByGrid()","class": GridButtonClass}'>Grid
									</a>&nbsp;
									<a title="View list" data-bind='attr: {href: "javascript:void(0)", onclick: "ListByList()","class": ListButtonClass}'>List
									</a>
								
								</div><!--end: .ct-sort-->
								<div class="clear"></div>
							</div>
						</div>
						
						<div align="center" class="pad20"  data-bind="visible: !existProduct()">
							<div class="clear"><img height="40px" class="spacer" src="images/spacer.gif"></div>
							<h1>Không tìm thấy sản phẩm nào</h1>
							
						</div>
						
					</div>
					
					
					
					<div class="clear"><img alt="gallewatch" class="spacer" src="images/spacer.gif"></div>
                </div>
            </form>
            </div>
            <div id="footer">
                <ul id="mnu_foot" class="ul-default">
                    <li><a title="Về chúng tôi" target="_self" href="">Về chúng tôi</a></li>
                    <li><a title="Tin tức" target="_self" href="">Tin tức</a></li>
                    <li><a title="Sản phẩm &amp; Dịch vụ" target="_self" href="">Sản phẩm &amp; Dịch vụ</a></li>
                    <li><a title="Hướng dẫn" target="_self" href="">Hướng dẫn</a></li>
                    <li><a title="liên hệ" href="/lien-he.html">Liên hệ</a></li>
                </ul>
                <div class="clear"></div>
                <div class="clear"><img class="spacer" src="images/spacer.gif"></div>
                <div class="left">
                    <div id="newletter">
                        <div class="css3" id="form-newletter">
                        <form id="reg_newsletter" name="reg_newsletter" method="post" action="">
                            <input type="text" value="--Đăng ký Email để nhận bản tin--" name="txtNewletter" id="txtNewletter" />
                            <a title="đăng ký" onclick="f_reg_newsletter()" href="javascript:void(0);">Đăng ký</a>
			                <input type="hidden" value="reg_newsletter" id="action" name="action" />
                        </form>
                        </div><!--end: #form-newletter-->
                        <div class="clear"><img height="12px" class="spacer" src="/images/spacer.gif"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //$("div.product-list div.product-item:last-child").css("margin-right", "0px");
        //$("#header.header-tool #box-share ul:last-child").css("padding", "0 0");
    </script>
    <script type='text/javascript' src='js/viewmodel/listViewModel.js'></script>
</body>
</html>
